﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.Menu.General" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Menu : Usage info</title>
    <script type="text/javascript">
        function Greet(sender, args) {
            alert("Hello, user!");
        }
     </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h4>Menu</h4>
    
    <p>Below are a couple of options in how to use YUIAspNet Menu. It has postback support, client side support, and everything else the YUI Menu controls supports. These options work for any menu stye, whether it's Horizontal, Vertical, Dynamic or Context.</p>
    
    <p>
        <yui:Menu ID="menu2" style="width:180px; display:block" ShowCentered="false" runat="server">
            <Items>
                <yui:MenuItem Text="Menu options" Value="1">
                    <Items>
                        <yui:MenuItem Text="Disabled item" Value="disabled" Enabled="false"></yui:MenuItem>
                        <yui:MenuItem Text="Default selected" Value="ds" Selected="true"></yui:MenuItem>
                        <yui:MenuItem Text="Sub-items" Value="si">
                            <Items>
                                <yui:MenuItem Text="Regular button" Value="regular"></yui:MenuItem>
                                <yui:MenuItem Text="Menu button" Value="menu"></yui:MenuItem>
                                <yui:MenuItem Text="Split button" Value="split"></yui:MenuItem>
                                <yui:MenuItem Text="Checkbox button" Value="checkbox"></yui:MenuItem>
                            </Items>
                        </yui:MenuItem>
                        <yui:MenuItem Text="Url - google.com" Value="goog" Target="_blank" NavigateUrl="http://www.google.com"></yui:MenuItem>
                        <yui:MenuItem Text="Postback element" Value="Val" AutoPostback="true"></yui:MenuItem>
                        <yui:MenuItem Text="CheckedItem" Checked="true" Value="ch"></yui:MenuItem>
                        <yui:MenuItem Text="Client behaviour" OnClientClick="Greet" Value="ch"></yui:MenuItem>
                    </Items>
                </yui:MenuItem>
                <yui:MenuItem Text="Menu item 1" Value="2"></yui:MenuItem>
                <yui:MenuItem Text="Menu item 2" Value="3"></yui:MenuItem>
                <yui:MenuItem Text="Menu item 3" Value="4"></yui:MenuItem>
            </Items>
            <Effect Duration="0.3" Effect="Fade" />
        </yui:Menu>
    </p>
</asp:Content>
